<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<title>游戏详情页</title>
	<link rel="stylesheet" href="css/gameDetail.css" />
	<link rel="stylesheet" href="//unpkg.com/element-ui@2.4.6/lib/theme-chalk/index.css" />
</head>
<body>
	<!--总局-->
	<div class="body_css" id="app">
		<div>
			<button v-on:click="clicks">点我刷新</button>
		</div>
		<div v-for="jjj in listTemp">
			{{jjj}}
		</div>
	</div>
	
</body>
<script type="text/javascript" src="js/jquery-2.1.1.min.js" ></script>
<!--<script src="element-ui/index.js"></script>-->
<script src="//unpkg.com/vue/dist/vue.js"></script>
<script src="//unpkg.com/element-ui@2.4.6/lib/index.js"></script>
<script>
	new Vue({
		el: "#app",
		data: {
			game:{},
			gifts:[],
			listTemp:[],
			tempList1:["1","2","3"],
			tempList2:["1","2","3","11","21","31","12"],
			tempList3:["1","2","3","11","21","31","12","22","32","13","23","33","14","24","34"],
			intCount:0
		},
		mounted: function() {
			this.listTemp = this.tempList1;
		},
		methods: {
			clicks:function(){
				var vm = this;
				vm.intCount = vm.intCount+1;
				if(vm.intCount==1){
					vm.listTemp = vm.tempList2;
				}else{
					vm.listTemp = vm.tempList3;
				}
			}
		}
	})
</script>
</html>
